<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>妈妈帮淘 - 果果街</title>
<meta name="keywords" content="果果,果果网,果果街,淘宝网导购,淘宝母婴,母婴用品,母婴产品,母婴网购,怀孕,孕期,婴幼儿,儿童,0-1岁,1-3岁,3-6岁,妈妈购物分享,逛淘宝,童装,童鞋,玩具,早教,启蒙,亲子,亲子装,纸尿裤,奶粉,母婴类美丽说,母婴类蘑菇街,母婴类爱乐活" />
<meta name="description" content="看看妈妈们为宝宝淘到的好东西，参加品牌母婴电商限时高额返利活动，推荐别人购买自己拿佣金，果果街是妈妈分享育儿消费经验，网购省钱的好地方。" />
<link href="../../css/v4/common/base.css" type="text/css"
	rel="stylesheet" />
<link href="../../css/v4/common/hf.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/channel.css" type="text/css" rel="stylesheet" />
<%@include file="../common/js.jsp" %>
<!--[if ie 6]><script src="../../js/v4/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie]><link href="../../css/v4/common/IE.css" type="text/css" rel="stylesheet"><![endif]-->

<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<script type="text/javascript">
$(function(){
	var cm=$("#cm");
	var bc=$("#bc");
	var cLi=bc.find("li.current");
	var cLiWid=cLi.outerWidth(),cLiLeft=cLi.offset().left;
	var cmParentLeft=cm.parent().offset().left;
	var lastLiIndex=0;
	cm.css({
		width:cLiWid+"px",
		marginLeft:cLiLeft-cmParentLeft+"px"
	});

	var cML=0,cWid=0;

	bc.find("li").bind("mouseenter",function(){
		lastLiIndex=$(this).index();
		if(!cm.is(":animated")){
			$(this).addClass("current").siblings().removeClass("current");
			cWid=$(this).outerWidth();
			cML=$(this).offset().left-cmParentLeft;
			cm.animate({
				width:cWid+"px",
				marginLeft:cML+"px"
			},200);
		}
		if(lastLiIndex!=bc.find("li.current").index()){
			var lastLi=bc.find("li").eq(lastLiIndex);
			lastLi.addClass("current").siblings().removeClass("current");
			var cWid=lastLi.outerWidth();
			var cML=lastLi.offset().left-cmParentLeft;
			cm.animate({
				width:cWid+"px",
				marginLeft:cML+"px"
			},200);
		}
	});
	
	
	
	

});
	
</script>
</head>

<body>
	<!-- head -->
	<%@include file="../common/header.jsp"%>
	<!-- head--end-->

	<!-- body -->

	<!-- ad-->
        <div class="w100p">
			<div class="w980 mg ad_box_s1">
               	<a href="${advList[0].hyperlink}"><img src="${advList[0].picture}" width="980px;" class="block"  /></a>
          	</div>
        </div>
    	<!-- ad--end-->

	<!-- content-->
	<div class="w100p mt20 main_wrap">
		<div class="w980 mg clearfix">
			<!-- left -->
			<div class="layout_box1">
				<div class=" box_s8">
					<div class="buy_box">
						<div class="cursor_move">
							<div class="cm_box" id="cm"></div>
						</div>
						<div class="buy_choose">
							<ul class="b_choose clearfix" id="bc">
								<li class="b_title ">
                                    	<a href="amoys.htm"><img src="../../images/v4/other/bt_logo.png" class="block" width="112" height="27" /></a>
                                    </li>
								<li class="normal <c:if test='${ai=="c1fd788e-590b-4579-b5ef-d21a9f42c92d"}'>current</c:if>"><a href="amoy.htm?ai=c1fd788e-590b-4579-b5ef-d21a9f42c92d">怀孕期</a></li>
								<li class="normal <c:if test='${ai=="5e02f483-87bd-4d77-81d5-a64ecdc877d0"}'>current</c:if>"><a href="amoy.htm?ai=5e02f483-87bd-4d77-81d5-a64ecdc877d0">0-1岁</a></li>
								<li class="normal <c:if test='${ai=="1d48a3b9-3709-4270-81b5-0267a5b3546f"}'>current</c:if>"><a href="amoy.htm?ai=1d48a3b9-3709-4270-81b5-0267a5b3546f">1-3岁</a></li>
								<li class="normal <c:if test='${ai=="b22c5b02-baa2-42de-ac92-09042e8ccfa2"}'>current</c:if>"><a href="amoy.htm?ai=b22c5b02-baa2-42de-ac92-09042e8ccfa2">3-6岁</a></li>
							</ul>
						</div>

						<div class=" b_pd_s1">
							<div class="pro_tags clearfix">
								<!-- child --->
								<ul class="lay_lr_box child_buy">
									<c:forEach items="${amoyList}" var="amoy" varStatus="amoyNum">
										<c:if test="${amoyNum.index==0}">
											<c:forEach items="${amoy.pictorialList}" var="pictorial">
												<c:forEach items="${pictorial.doingList}" var="doing"
													varStatus="doingIndex">
													<c:if test="${doingIndex.index==0}">
														<c:forEach items="${doing.doingObj.doingProductList}"
															var="product" varStatus="prdIndex">
															<c:if test="${prdIndex.index==0}">
																<li class="first">
																	<div class="l_box">
																		<a href="#"><img
																			src="${product.imageServer}${product.picThumb}_200x200.jpg"
																			class="block" style="width: 80px; height: 80px;" />
																		</a>
																	</div>
																	<div class="r_box">
																		<p class="title">
																			<a href="discuss.htm?id=${amoy.identifier}"  target="_blank">${amoy.title}</a>
																		</p>
																		<p>#${pictorial.pictorialObj.title}#</p>
																		<span class="join_nums">${amoy.visitAmout}人参与</span>
																	</div></li>
															</c:if>
														</c:forEach>
													</c:if>
												</c:forEach>
											</c:forEach>
										</c:if>
										<c:if test="${amoyNum.index==1}">
											<c:forEach items="${amoy.pictorialList}" var="pictorial">
												<c:forEach items="${pictorial.doingList}" var="doing"
													varStatus="doingIndex">
													<c:if test="${doingIndex.index==0}">
														<c:forEach items="${doing.doingObj.doingProductList}"
															var="product" varStatus="prdIndex">
															<c:if test="${prdIndex.index==0}">
																<li class="normal">
																	<div class="l_box">
																		<a href="#"><img
																			src="${product.imageServer}${product.picThumb}_200x200.jpg"
																			class="block" style="width: 28px; height: 28px;" />
																		</a>
																	</div>
																	<div class="r_box">
																		<p class="title">
																			<a href="discuss.htm?id=${amoy.identifier}"  target="_blank">${amoy.title}</a>
																		</p>
																		<span class="join_nums">${amoy.visitAmout}人参与</span>
																	</div></li>
															</c:if>
														</c:forEach>
													</c:if>
												</c:forEach>
											</c:forEach>
										</c:if>
										<c:if test="${amoyNum.index==2}">
											<c:forEach items="${amoy.pictorialList}" var="pictorial">
												<c:forEach items="${pictorial.doingList}" var="doing"
													varStatus="doingIndex">
													<c:if test="${doingIndex.index==0}">
														<c:forEach items="${doing.doingObj.doingProductList}"
															var="product" varStatus="prdIndex">
															<c:if test="${prdIndex.index==0}">
																<li class="normal last">
																	<div class="l_box">
																		<a href="#"><img
																			src="${product.imageServer}${product.picThumb}_200x200.jpg"
																			class="block" style="width: 28px; height: 28px;" />
																		</a>
																	</div>
																	<div class="r_box">
																		<p class="title">
																			<a href="discuss.htm?id=${amoy.identifier}"  target="_blank">${amoy.title}</a>
																		</p>
																		<span class="join_nums">${amoy.visitAmout}人参与</span>
																	</div></li>
															</c:if>
														</c:forEach>
													</c:if>
												</c:forEach>
											</c:forEach>
										</c:if>
									</c:forEach>
								</ul>
								<!-- child--end --->

								<div class="tags_box">
									<h1>热门标签</h1>
									<c:forEach items="${disTagList}" var="tags">
										<a href="dislistt.htm?chl=${ai}&tagId=${tags.identifier}">${tags.name}</a> 
									</c:forEach>
								</div>

								<div class="clear"></div>

								<div class="com_tit_list_box">
									<h3 class="title">热议话题</h3>
									<ul class=" clearfix">
										<c:forEach items="${amoyList}" var="amoy" varStatus="amoyNum">
											<c:if test="${amoyNum.index !=0 && amoyNum.index  !=1 && amoyNum.index  !=2}">
												<c:if test="${amoyNum.index%2!=0 }">
												<li>
													<span class="talk_join">${amoy.visitAmout}人参与</span>
													<i class="gray_circle"></i> <a href="discuss.htm?id=${amoy.identifier}" class="talk_title"  target="_blank">${amoy.title}</a>
												</li>
												</c:if>
												<c:if test="${amoyNum.index%2==0 }">
													<li class="no_margin">
		                                            	<span class="talk_join">${amoy.visitAmout}人参与</span>
														<i class="gray_circle"></i> <a href="discuss.htm?id=${amoy.identifier}" class="talk_title"  target="_blank">${amoy.title}</a>
	                                               </li>
                                               </c:if>
											</c:if>
										</c:forEach>
									</ul>
									<div class="clear"></div>
									<a href="amoyshow.htm?chl=${ai}" class="more">>>更多</a>

								</div>

							</div>
						</div>

					</div>
					<div class="shadow"></div>
				</div>
			</div>

			<!-- right -->
			     <div class="layout_box3">
                	<div class="box_s13">
                    	<div class=" b_pd_s2">
                    	<c:forEach items="${rightGuangGao}" var="right" varStatus="rtNum">
                    		<c:if test="${rtNum.index==0}">
	                        	<div class="r_ad_box mb10">
	                            	<a href="${right.hyperlink }"><img src="${right.picture}" class="block"  style="width: 227px;height: 163px;"/></a>
	                            </div>
                            </c:if>
                            <c:if test="${rtNum.index==1}">
                            <div class="r_ad_box mb10">
                            	<a href="${right.hyperlink }"><img src="${right.picture}" class="block"  style="width: 227px;height: 61px;"/></a>
                            </div>
                            </c:if>
                        </c:forEach> 
                           
                            <div class="b_hd_box clearfix">
                            	<ul>
                            		<c:forEach items="${rightGuangGao}" var="right" varStatus="rtNum">
                            			<c:if test="${rtNum.index >2}">
		                                    <li>
		                                    	<a href="${right.hyperlink }">${right.title}</a> 
		                                    </li>
	                                    </c:if>
                                    </c:forEach>
                                </ul>
                                <a href="amoyshow.htm?chl=${ai}" class="more">>>更多</a>
                            </div>
                        </div>
                    	<div class="shadow"></div>
                    </div>
                
                </div>
		</div>
	</div>
	<!-- content--end-->

	<div class="w100p mt25">
		<div class="w980 mg tit_con_box mb35">
			<div class="title">
				<a href="pictorialshow.htm?chl=${ai}" class="more">>>更多</a> <span>妈妈们推荐的</span>
			</div>
			<div class="content">
				<div class="tj_pro_box clearfix">
					<c:forEach items="${amoyList}" var="amoy" varStatus="amoyNum">
							<c:if test="${amoy.theme=='02'}">
										<c:forEach items="${amoy.pictorialList}" var="pictorial">
							                    	<div class="box_s2 four_square">
							                        	<div class="shadow"></div>
							                            <h3>${pictorial.pictorialObj.title}</h3>
							                            <ul class="pic_wrap clearfix ">
								                            <c:forEach items="${pictorial.doingList}" var="doing" varStatus="doingIndex">
									                            <c:if test="${doingIndex.index==0 || doingIndex.index==1 || doingIndex.index==2 || doingIndex.index==3}">
																	<c:forEach items="${doing.doingObj.doingProductList}"var="product" varStatus="prdIndex">
																		<c:if test="${prdIndex.index==0}">
											                            	<li>
											                                	<a href="/discussdoing.htm?id=${amoy.identifier }"><img src="${product.imageServer}${product.picThumb}_200x200.jpg" class="block" style="width: 94px;height: 94px;" alt="${pictorial.pictorialObj.title}"/></a>
											                                </li>
										                                </c:if>
										                          </c:forEach>
										                        </c:if>  
															</c:forEach>
							                            </ul>
							                            <div class="share_box clearfix">
							                            	<a href="/discussdoing.htm?id=${amoy.identifier}" class="def_look">去看看</a>
							                            	<span>围观&nbsp;<i>${amoy.visitAmout}</i></span>
							                            </div>
							                        </div>
										 </c:forEach>
								</c:if>		 
					</c:forEach>
				</div>
			</div>
		</div>
	</div>
<%@include file="../common/footer.jsp" %>
	<!-- body--end-->

</body>
</html>
